<template>
   <div class="van_top">
   <van-nav-bar @click="$router.push('/home/setup')" title="账户与安全" left-arrow />
   </div>
   <van-cell title="会员昵称" is-link value="AA瞧，那个小妞在放肆" />
   <van-cell @click="$router.push('/home/phone')" title="修改手机号" is-link value="" />
   <van-cell @click="$router.push('/home/pwd')" title="修改密码" is-link value="" />
   <van-cell title="资金密码" is-link value="已设置" />
   <div class="hr"></div>
   <van-cell title="绑定银行卡" is-link value="未绑定" />
   <van-cell title="绑定微信" is-link value="未绑定" />
   <van-cell title="绑定支付宝" is-link value="未绑定" />
  </template>
  
  <script setup lang="ts">
  
  
  
  </script>
  
  <style scoped>
  .hr {
   width: 100%;
   height: 1vh;
   background-color: #f2f2f2;
  }
  
  .van-cell {
   height: 50px;
  }
  
  .van_top {
   --van-nav-bar-title-text-color: #000;
   /* 设置标题文本颜色为黑色 */
  }
  
  /* /deep/的意思大概为深入的 */
  
  .van_top /deep/ .van-nav-bar__text {
   color: #000000;
  }
  
  .van-nav-bar__title {
   color: black;
  }
  
  .van_top /deep/ .van-icon-arrow-left {
  color: var(--nav-bar-icon-color, #000000) !important;
  }
  
  
  .van_top /deep/ .van-nav-bar {
background-color: white;
  }
  </style>